
<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta name="viewport"
        content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <link rel="stylesheet" type="text/css" href="/public/static/index/css/shop.css" />
    <link rel="stylesheet" type="text/css" href="/public/static/index/layui/css/layui.css" />
    <link rel="stylesheet" type="text/css" href="http:////at.alicdn.com/t/font_1907378_h1th65cwy9j.css" />

    <script src="/public/static/index/js/jquery-3.4.1.min.js"></script>
    <script src="/public/static/index/js/common.js"></script>
    <title>列表页</title>
    <meta name="keywords" content="列表页">
    <meta name="description" content="列表页">

</head>

<body>

    
<link rel="stylesheet" type="text/css" href="//at.alicdn.com/t/font_1646840_wwuv2y1aefe.css"/>
<div class="top">

    <div class="wrap top_box">

        <div class="top_left">
                        <a href="/index/user/login.html">登录</a>
            <a href="/index/user/register.html">注册</a>
                       
        </div>

        <div class="top_right">

            <a href="/index/">首页</a>

            <a href="/index/user/index.html">会员中心</a>
            <a href="/index/user/notice.html">通知消息</a>

            <a href="#">联系客服</a>

            <a href="#" class="cart"><i class="icongouwuche iconfont"></i> 购物车( 5 )</a>

        </div>

    </div>

</div>





<div class="header" >

    <div class="wrap header_box">

        <div class="logo"><a href="/"><img src="/public/static/index/images/shop_logo.jpg"></a></div>
        <div class="nav">
            <div class="item"><a href="/">首页</a></div>
            <div class="item"><a href="/shop/lists/index.html?id=1">手机</a></div>
            <div class="item"><a href="/shop/lists/index.html?id=1">电视</a></div>
            <div class="item"><a href="/shop/lists/index.html?id=1">女装</a></div>
            <div class="item"><a href="/shop/lists/index.html?id=1">当季流行</a></div>
        </div>

        <form class="search_box" method="post" action="/shop/lists/search.html">

            <input type="text" placeholder="输入搜索关键字" name="searchkey" class="input">

            <button type="submit" class="btn"><i class="icontubiao1 iconfont"></i></button>

        </form>

    </div>

</div>


    <div class="header_line"></div>
    <div class="wrap">
        <div class="position">
            <a href="/">首页</a> &gt;
                        <a href="/index/lists/index.html?cate_id=14">手机 / 数码 / 电子办公 &gt; </a>
                        <a href="/index/lists/index.html?cate_id=18">热门手机 &gt; </a>
                    </div>
        <div class="filter">

                        <div class="item">
                <div class="filter_name">分类</div>
                <div class="value_box">
                    
                          
                    <div class="value"><a href="/index/lists/index?cate_id=16">小米</a></div>
                          
                    <div class="value"><a href="/index/lists/index?cate_id=17">荣耀</a></div>
                          
                    <div class="value"><a href="/index/lists/index?cate_id=26">Iphone</a></div>
                          
                    <div class="value"><a href="/index/lists/index?cate_id=27">魅族</a></div>
                          
                    <div class="value"><a href="/index/lists/index?cate_id=28">华为</a></div>
                          
                    <div class="value"><a href="/index/lists/index?cate_id=29">OPPO</a></div>
                                                    
                </div>
            </div>
                       
            <div class="item">
                <div class="filter_name">内存</div>
                <div class="value_box">
                        
                    <div class="value"><a href="/index/lists/index?cate_id=18&filter=0,0,0"
                            class="color1">全部</a></div>
                    
                    <div class="value"><a href="/index/lists/index?cate_id=18&filter=1,0,0" class=""
                            >32G</a></div>
                    
                    <div class="value"><a href="/index/lists/index?cate_id=18&filter=2,0,0" class=""
                            >64G</a></div>
                    
                    <div class="value"><a href="/index/lists/index?cate_id=18&filter=3,0,0" class=""
                            >128G</a></div>
                                    </div>
            </div>
                       
            <div class="item">
                <div class="filter_name">颜色</div>
                <div class="value_box">
                        
                    <div class="value"><a href="/index/lists/index?cate_id=18&filter=0,0,0"
                            class="color1">全部</a></div>
                    
                    <div class="value"><a href="/index/lists/index?cate_id=18&filter=0,5,0" class=""
                            >科技黑</a></div>
                    
                    <div class="value"><a href="/index/lists/index?cate_id=18&filter=0,6,0" class=""
                            >玫瑰粉</a></div>
                    
                    <div class="value"><a href="/index/lists/index?cate_id=18&filter=0,10,0" class=""
                            >土豪金</a></div>
                                    </div>
            </div>
                       
            <div class="item">
                <div class="filter_name">手机套餐</div>
                <div class="value_box">
                        
                    <div class="value"><a href="/index/lists/index?cate_id=18&filter=0,0,0"
                            class="color1">全部</a></div>
                    
                    <div class="value"><a href="/index/lists/index?cate_id=18&filter=0,0,23" class=""
                            >标准套餐</a></div>
                                    </div>
            </div>
                        
        </div>
        <div class="order_box">
            <div class="order2 current"><a href="/index/lists/index.html?cate_id=18&filter=0%2C0%2C0&order=1">综合排序</a></div>
            <div class="order2 "><a href="/index/lists/index.html?cate_id=18&filter=0%2C0%2C0&order=2">销量 <i
                        class="iconfont iconpaixujiantouxia"></i></a></div>
           
            <div class="order2 "><a href="/index/lists/index.html?cate_id=18&filter=0%2C0%2C0&order=3">价格 <i
                        class="iconfont iconpaixujiantouxia"></i></a></div>
            <div class="order2 "><a href="/index/lists/index.html?cate_id=18&filter=0%2C0%2C0&order=4">价格 <i
                        class="iconfont iconpaixujiantoushang"></i></a></div>
        </div>
        <div class="lists_goods">
                        <a class="item" href="/index/goods/index.html?goods_id=6">
                <div class="pic"><img src="/public/upload/20200810/7c2921c04fda2943e8b4d41011ea99d1.jpg"></div>
                <div class="info">
                    <div class="goods_name">小米33</div>
                    <div class="price">￥1900</div>
                    <div class="icon"><i class="iconfont icongouwuche"></i></div>
                </div>
            </a>
                       <a class="item" href="/index/goods/index.html?goods_id=3">
                <div class="pic"><img src="/public/upload/20200625/d4df8f952223634d1fec851dd0522107.jpg"></div>
                <div class="info">
                    <div class="goods_name">华为111</div>
                    <div class="price">￥1500</div>
                    <div class="icon"><i class="iconfont icongouwuche"></i></div>
                </div>
            </a>
                       <a class="item" href="/index/goods/index.html?goods_id=2">
                <div class="pic"><img src="/public/upload/20200625/cd4055e97782ef3b2d60fea5076c1572.jpg"></div>
                <div class="info">
                    <div class="goods_name">小米22</div>
                    <div class="price">￥1600</div>
                    <div class="icon"><i class="iconfont icongouwuche"></i></div>
                </div>
            </a>
                       <a class="item" href="/index/goods/index.html?goods_id=1">
                <div class="pic"><img src="/public/upload/20200625/b7396c044d0f6322e8943aebe8ad549c.jpg"></div>
                <div class="info">
                    <div class="goods_name">小米11</div>
                    <div class="price">￥1600</div>
                    <div class="icon"><i class="iconfont icongouwuche"></i></div>
                </div>
            </a>
                   
           
        </div>
    </div>

    <div class="foot_line"></div>
    <div class="foot2">
    <div class="nav">
        <div class="item"><a href="#"><a href="/">企业官网</a></a></div>
        <div class="item">|</div>
        <div class="item"><a href="#"><a href="/index/index/page1.html">企业简介</a></div>
        <div class="item">|</div>
        <div class="item"><a href="/index/index/brand.html">品牌展厅</a></div>
        <div class="item">|</div>
        <div class="item"><a href="/index/index/page2.html">企业文化</a></div>
        <div class="item">|</div>
        <div class="item"><a href="/index/index/page3.html">企业使命</a></div>
        <div class="item">|</div>
        <div class="item"><a href="#">联系我们</a></div>
        <div class="item">|</div>
        <div class="item"><a href="/shop/index/news.html">新闻中心</a></div>
        <div class="item">|</div>
        <div class="item"><a href="#">我们的映像</a></div>
    </div>
    <div class="copyright">沪ICP备14037785号　&copy; 版权所有 北京小米科技有限中心 保留所有权利</div>
</div>

<div class="right_nav">
    <div class="item">
        <a class="box" href="/index/cart/index.html">
            <div class="icon"><i class="iconfont icongouwuche"></i></div>
            <div class="title">购物车</div>
        </a>
    </div>
    <div class="item">
        <a class="box"  href="/index/user/index.html">
            <div class="icon"><i class="iconfont iconwo"></i></div>
            <div class="title">个人中心</div>
        </a>
    </div>
    <div class="item">
        <a class="box"  href="/index/user/collect.html">
            <div class="icon"><i class="iconfont iconshoucang"></i></div>
            <div class="title">我的收藏</div>
        </a>
    </div>
    <div class="item">
        <a class="box">
            <div class="icon"><i class="iconfont iconkefu"></i></div>
            <div class="title">人工客服</div>
        </a>
    </div>
</div>
<div class="goup">
    <div class="icon"><i class="icondingbu iconfont"></i></div>
</div>
<script>
    $(function() { 

        $(window).scroll(function() { 

            if ($(window).scrollTop() > 700) $('div.goup').show(); 

            else

            $('div.goup').hide();

        }); 

            $('div.goup').click(function() { $('html, body').animate({scrollTop: 0}, 1000);

        });

    });


</script>


    <style>
        .order2{
            position: relative;
        }
        .iconpaixujiantoushang{
            position: absolute;
            bottom: -3px;
        }
        .iconpaixujiantouxia{
            position: absolute;
            bottom: 3px;
        }
    </style>


</body>

</html>